<script>
  export default {
    props: {
      panes: {
        type: Array,
        required: true
      }
    },
    render () {
      const contents = this.panes.map(pane => {
        return pane.active ? pane.$slots.default : null
      })
      console.log('sss' + contents)
      return (
        <div class="tab-content">
          {contents}
        </div>
      )
    }
  }
  </script>
